<?php require_once('../../core/import.php');?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
 	<script type="text/javascript" src="../../scripts/import.js"></script>
    <script type="text/javascript">
        //该脚本仅用于演示，具体使用时归入.js文件中。

        /**
         * 表单提交动作绑定及处理程序
         **/
        window.addEvent('load',function()
        {
            $('ActionButton').addEvent('click', function(e)
            {
                if(Form_Check())    //如果通过表单验证程序就可以， 进行表单处理了，否则返回false，不做任何操作。
                {
                    new Request_Binary(
                    {
                        //指定表单
                        id:'Form1',
                        //Ajax请求成功回调
                        onSuccess:function(value){Form_Success(value)},
                        //AJAX请求发生时回调
                        onProcess:Form_Process
                    }).send();
                }
                else
                {
                    return false;
                }
            });
        });
        
        /**
         * 表单验证程序
         **/
        function Form_Check()
        {
            var title=$('Title');
            if(title.value=='')
            {
                malert('请填写标题');
                title.focus();
                return false;
            }
            return true;
        }

        /**
         * 表单验证通过处理前调用程序
         **/
        function Form_Process()
        {
            //封锁屏幕
            MUI.App.Process.Call();
        }

        /**
         * 表单处理成功后，回调
         **/
        function Form_Success($value)
        {
            //根据$value的值修改封锁屏幕的窗口的样子，以下是当请求成功被处理时，修改提示并直接关掉窗口。
            if(1)
            {
                MUI.App.Process.Update
                ({
                    //要修改的文字
                    content:'新闻发布成功',
                    //是否包含关闭按钮
                    isHaveCloseButton:false,
                    //对视图修改成功后操作
                    onSuccess:function()
                    {
                        //关闭模态窗口
                        MUI.App.Process.Close
                        ({
                            //关闭后做操作
                            onSuccess:function()
                            {
                                //可以转向，可以原地不同做些视图修改
                                alert('清屏掉锁屏的模态窗口后，可以在回调函数这里进行写些JS操作。如：页面转向或是添加清除UI什么的。');
                            }
                        });
                    }
                });
            }
            else
            {
                MUI.App.Process.Update
                ({
                    //要修改的文字
                    content:'新闻发布错误，这只是演示。',
                    //是否包含关闭按钮
                    isHaveCloseButton:true
                });
            }
        }
    </script>
</head>

<body>
    <form id="Form1" name="Form1" method="post" action="1.blank.php" class="Form">
        <input type="text" id="Title" name="Title" />
        <input type="submit" id="ActionButton" name="ActionButton" value="确定" class="button" />
    </form>
</body>
</html>